﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UbicacionMapa.aspx.cs" Inherits="Georeferencial_UbicacionMapa" %>
<%@ Register Assembly="GMaps" Namespace="Subgurim.Controles" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
      <link rel="stylesheet" type="text/css" href="../resources/css/slider_carrusel.css" />
      
</head>
<body>
    <form id="form1" runat="server">
    
    
    <div>
        <cc1:GMap ID="GMap1" runat="server" CssClass="mapas"   Width="100%" Height="800" enableServerEvents="true"/>
    </div>
    
       <script type="text/javascript">

           var iCountTotal = 0;
           function toRight() 
           {

               iCountTotal = iCountTotal - 1;
               tohere(iCountTotal, "divcarrusel", "img", "imagen");
           }
           function toLeft() 
           {
               iCountTotal = iCountTotal + 1;
               tohere(iCountTotal, "divcarrusel", "img", "imagen");
           }
           function tohere(iN,idContenedor,objElement,idElement) 
           {
               var img      = "";
               var div_cont = document.getElementById(idContenedor);
               var img_div  = div_cont.getElementsByTagName(objElement);
               
               if (iN > img_div.length)
                   iCountTotal = img_div.length;
               else
               if (iN <= 0)
                   iCountTotal = 1;

               iN = iCountTotal;
               img = idElement + iN;
               for (var i = 0; i < img_div.length; i++) 
               {

                   var s_id = "a_" + img_div[i].id;
                   var obj_a = document.getElementById(s_id);

                   if (img_div[i].id == img) 
                   {
                       img_div[i].style.display = 'block';
                       if (obj_a) obj_a.setAttribute('class', 'actual');
                       
                   }
                   else 
                   {
                       img_div[i].style.display = 'none';
                       if (obj_a) obj_a.removeAttribute('class');
                      
                   }
               }
               
           }
          
        </script>
    </form>
</body>
</html>
